vue手脚架第一步

vue-cli脚手架搭建

1. 查看当前node版本
   node -v
   Node 版本要求
   Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。

2. 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

3. 可以使用下列任一命令安装这个新的包：
   npm install -g @vue/cli

4. 你还可以用这个命令来检查其版本是否正确：vue --version

5. 开始搭建项目
   运行一下命令创建新项目
   vue create heelo-world
   ps:安装完Vue cli3 之后，还想用vue-cli2.x 版本
   Vue CLI 3 和旧版使用了相同的vue命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能，你可以全局安装一个桥接工具：npm install -g @vue/cli-init
   创建新项目：vue init webpack heelo-world

6. 接下来：
   ?Project name (默认跟刚刚创建的项目名一致)
   ?Project description (A Vue.js project) 描述信息
   ?Author 作者
   ? Vue build
   ? Install vue-router? 路由
   ? Use ESLint to lint your code? ESLint 的代码风格检查器
   ? Set up unit tests 前端单元测试的一个库
   ? Setup e2e tests with Nightwatch? 端到端测试
   ? Should we run npm install for you after the project has been created? (recommended) 使用什么创建方式 使用npm之后命令执行就以npm开头

7. npm run dev 默认端口8080 然后可以到浏览器地址栏输入http://localhost:8080/就可以查看到我们创建的文件

没有描述清楚可以查看cli官方文档