vue的脚手架的安装

vue的脚手架工具vue-cli
    安装 npm i vue-cli@2.9.6 -g   （在cmd中）

    vue-cli最新是3
    vue-cli安装2点几

全局安装之后就可以使用命令 vue

（安装最新版本的vue-cli

npm install -g @vue/cli

卸载vue-cli

npm uninstall -g vue-cli

查看版本 vue -V

需要生成目录

vue create my-project   /** vue init webpack <项目名称>  这是旧版本 **/

     <项目名称> 是自己规定的，将来会在目录下生成同名的目录

    接下来就是交互，

    代码执行后或出现以下界面

 

•     default 默认套餐，提供babel和eslint支持
•     Manually select features 自己去选择需要的功能，提供更多的特性选择。比如如果想要支持 TypeScript ，就应该选择这一项。

可以按上下箭头来切换 ，如果想要更多支持可以选第二项

切换到第二项点击enter，会出来以下界面：

对每一项的功能的进行描述：

• TypeScript 支持使用 TypeScript 书写源码。
• Progressive Web App (PWA) Support PWA 支持。
• Router 支持 vue-router 。
• Vuex 支持 vuex 。
• CSS Pre-processors 支持 CSS 预处理器。
• Linter / Formatter 支持代码风格检查和格式化。
• Unit Testing 支持单元测试。
• E2E Testing 支持 E2E 测试。

点击上下按钮切换，然后点击空格选择或者取消，全部选择好之后点击enter就可以了

之后选y就可以了

遇到

可以根据自己的习惯选择less或者sass

进入下一步

这里我选择的是package.json

下一步，选y就可以

 

再下一步：直接按enter就可以

 

接下来就安装好了

安装好之后如果有的话会有选择yarn或者是npm的

之后就可以启动项目了

启动项目

我选择的是yarn 

根据下边的提示：

cd realworld-test //选择进入到项目的根目录

启动项目：

yarn serve

 

如果报错了，看一下什么错误，把错误信息粘贴复制到百度中 （可以采用npm(yarn)install 重新安装模块）

    在地址栏中访问 localhost:8080 打开看见logo就可以了