下载Vue模板

1.进node的官网,下载node,下载完成之后,一路next安装

下载Vue模板

2.在桌面处,shift+右键,点击“在此处打开命令行窗口”

下载Vue模板

3.在输入node -v ,查看版本号,如果显示版本号,表示安装成功

下载Vue模板

4.安装node的同时会自带npm,

5.安装vue的自动化工具,全局安装 vue-cli
npm install --global vue-cli,可以写成npm install vue-cli -g

6.安装一个nrm工具

下载Vue模板

7.查看nrm是否安装成功

a. nrm -v

b. nrm -version

c. nrm -V

查看版本一般都用这三种方法中的一个,在这三方法中来回切换

下载Vue模板

8.nrm可以切换源 nrm ls

下载Vue模板

9.查看那个源比较好 nrm test,当前在taobao源上

下载Vue模板

10.切换到taobao源还是nrm use taobao,下载的命令还是npm install vue-cli -g

下载Vue模板

11.切换到cnpm,就可以直接使用cnpm install vue-cli -g

下载Vue模板

下载Vue模板

12.下载vue项目

下载Vue模板

13.下载的过程中需要确认下面几个问题

下载Vue模板

14.项目下载好之后的操作,切换到下载好的目录里面去  cd vuedemo ,cd 项目名称

下载Vue模板

15.然后输入 npm install (为了生成node_modules文件)

16.然后在输入npm run dev

下载Vue模板

17.dev可以在包package.json找到

下载Vue模板

18.最终会获得一个地址,然后在网站上输入该地址就OK了

下载Vue模板

19.下载好的文件里面的信息

下载Vue模板

20.打包,生成dist文件夹, npm run build 

下载Vue模板