Vue.cli(Vue手脚架)创建Vue项目

创建 Vue 项目

• 全局安装 vue 脚手架：npm install -g @vue/cli

• 创建项目：vue create 项目名称

• 运行项目：npm run serve

• 暴露 webpack 配置：vue inspect > output.js

步骤(11step)

1. 进入你要创建vue项目的目录，并打开终端

   

    

2. 用创建项目命令：vue create 项目名称，创建一个vue项目，之后回车

   

3. 回车之后，在下面的界面选择 Manually select features选项，之后回车

   • Manually select features 为手动创建一个项目

   • 其余的为自动创建一个Vue2或Vue3的项目

   

4. 回车之后，在下面的界面选择Babel和CSS Pre-processors 之后回车

   • 如果有 choose vue version选项也选，没有就不管

   • 点击 空格 可以选择选项和取消选择选项

   • Linter / Formatter选项最好不选，如果选了那在你的项目中只能用单引号，用双引号会报错；也不能出现空格

   

5. 回车之后，在下面的界面选择2.x(创建vue2就选2.x，创建vue3就选3.x)，之后回车

   

6. 回车之后，在下面的界面选择Less，之后回车

   

7. 回车之后，在下面的界面选择In dedicated config files，之后回车

   • In dedicated config files :把配置文件都独立放置

   • In package.json :把配置文件都整合放在一起

8. 回车之后，在下面的界面选择N，不保存，之后回车

   

9. 回车之后，等待下载完成

   

10. 下载完成之后cd demo-second进入当前vue项目文件所在目录，npm run serve运行项目

    

11. 打开终端服务器(终端不关闭即可)，进入下面其中一个网址；终端服务器关闭就失效

    进入本地网址：Local: http://localhost:8081/ ；