mac电脑下用VSCode搭建一个vue-cli2项目步骤

整个过程是基于已经安装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.png

7.出现上述页面就证明你的项目已经安装成功了,此时你打开vscode并导入这个项目即可

image.png

8.导入成功后,在vscode 执行comand +shift + Y调出终端 执行第6步中的npm run dev命令即可完成项目创建

image.png image.png