1.执行全局命令安装vue/cli(前提是您的电脑安装了nodejs,并且环境也设置好了)

npm i -g @vue/cli,查看是否安装成功:vue --versionvue -V 来查看版本号

Vue脚手架安装及项目搭建详细_Less

2.在创建项目的目录下打开命令行,执行命令:vue create my-project

模式选择:

Vue脚手架安装及项目搭建详细_vue.js_02

3.个性化选项:

Vue脚手架安装及项目搭建详细_npm_03

4.选择vue版本:根据自己需求选择对应版本

Vue脚手架安装及项目搭建详细_Less_04

5.路由切换模式选择:

Vue脚手架安装及项目搭建详细_vue.js_05

6.选择Less css预处理器:

Vue脚手架安装及项目搭建详细_npm_06

7.选择把配置写在package.json文件夹内

Vue脚手架安装及项目搭建详细_npm_07

8.选择是否保存以上配置到本地(根据个人需求选择)

Vue脚手架安装及项目搭建详细_vue.js_08

 

9.如果出现以下提示,那么恭喜你,你的项目已经搭建成功了

Vue脚手架安装及项目搭建详细_npm_09

10.输入命令cd my-project 切换到项目目录,然后执行npm run serve 启动项目 弹出以下窗口信息,复制网址到浏览器就可以看到vue项目界面了(注意:此窗口不能关闭)

Vue脚手架安装及项目搭建详细_vue.js_10

 

出现这个页面表示项目搭建好了,可以开始你的项目了

Vue脚手架安装及项目搭建详细_Less_11