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

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

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

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

模式选择：

3.个性化选项：

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

5.路由切换模式选择：

6.选择Less css预处理器：

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

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

 

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

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

 

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