1.准备工作

安装node.js:我安装的是v10.15.3,具体安装过程不在这里说了,下载node.exe一直下一步就好了。

设置npm为淘宝源:npm config set registry https://registry.npm.taobao.org

安装WebPack: npm install webpack -g

安装vue手脚架:npm install vue-cli -g

创建好文件夹:我在F盘创建了/study/vue/vue_path

2.创建项目

我是用的windows10,使用的shell,就这这个玩意:

shell
shell
2.1 用shell进入到你创建的路径:
1
cd 路径
2.2 创建vue工程:
1
2
vue init webpack-simple 工程名
我输入的指令是:vue init webpack-simple vue_star

现在的时间是2019年4月17日,当前创建vue工程的步骤如下(我没有指定webpack和vue-cli的版本):

1
2
3
4
5
6
7
8
9
10
11
12
? Project name (vue_star)  //是否叫这个名字  直接回车就好
? Project description (A Vue.js project) //工程说明 直接回车就好
? Author (Player <377528880@qq.com>) //项目作者 直接回车
? License (MIT) //使用协议 直接回车
? Use sass? (y/N) //是否使用sass,我暂时不需要,输入N->回车
vue-cli · Generated "vue_star".

To get started:

cd vue_star
npm install
npm run dev

有下面提示的时候你就创建完毕了,但是可能还无法运行项目

2.3 安装依赖

上面代码提示的很清楚:

1
2
3
cd vue_star
npm install
npm run dev

挨个执行就好了!

2.4 成功!