Vue-Cli创建第一个项目

一、Nodejs安装测试
1.安装
下载链接:http://nodejs.cn/download/
安装时选择一个路径,直接下一步结束即可。
2.测试
输入:

node -v
npm -v

正常出现版本号即可。
3.修改全局下载方式
使用淘宝下载

npm install cnpm -g

4.安装vue-cli

cnpm install vue-cli -g

5.使用vue list查看所有可构建项目
Vue-Cli创建第一个项目
主要使用web-pack创建
6.项目构建
在需要创建的路径创建一个文件夹
在cmd中找到该路径执行

vue init webpack <项目名>
Vue-Cli创建第一个项目

至此项目构建完毕。

7.项目初始化
在vscode中打开myvue文件夹。快捷键 Ctrl + ~

执行npm install 或者 cnpm install
执行npm run dev 即可正常启动项目。