整个过程是基于已经安装node.js和cnpm/npm的基础上
1.创建一个工作空间在电脑中 如我创建的目录位置
cd /Users/gaozhijia/Documents/Code/Projects_H5/Vue
2.创建一个工作空间如vue2-cli2-vscode-workspace
mkdir vue2-cli2-vscode-workspace
3.此时你的项目的工作空间vue2-cli2-vscode-workspace已经创建好了,进入文件夹下
cd vue2-cli2-vscode-demo
4.在此项目的工作空间按照cli2的npm命令创建脚手架项目
vue init webpack mytestcli2-project
5.此时就会联网下载cli2的模板,等待一会下载完成后出现如下页面,此时按照给你的提示操作就可以
image.png
6.npm install后会根据上面你选择的一些信息安装一些插件,等待一会就好了
image.png7.出现上述页面就证明你的项目已经安装成功了,此时你打开vscode并导入这个项目即可
image.png8.导入成功后,在vscode 执行comand +shift + Y调出终端 执行第6步中的npm run dev命令即可完成项目创建
image.png image.png
网友评论