Vue.js系列之项目搭建

2024-10-27 23:08:01 206人阅读

项目搭建具体步骤如下：

1.安装node

（中）https://nodejs.org/zh-cn/
（英）https://nodejs.org/en/

2.安装cnpm镜像

（node自带安装了npm，故不再安装）
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装模块时安装方法
$ cnpm install [name]

3.快速学习Vue2.0教程

（中）http://cn.vuejs.org/
（英）https://vuejs.org/

4.安装Vue2.0

$ cnpm install vue

5.安装vue-cli 脚手架工具

$ cnpm install --global vue-cli

6.在某个目录下，创建一个基于 webpack 模板的新项目

$ vue init webpack my-project
//my-project是你的项目名

7.安装依赖

$ cd my-project  //到项目目录下
$ cnpm install  //安装依赖

8.运行新创建的vue项目

$ npm run dev

9.如下所示：

Vue.js系列之项目搭建

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们