利用vue-cli4构建一个webpack项目

利用vue-cli4构建一个webpack项目

1. 执行

   vue create demo
   

   ，构建项目，demo就是项目的名称，如果想使用vue/cli2的命令，需要配置连接桥，添加如下配置就可以

   npm i -g @vue/cli-init
   

2. 问答模式开启，下面是注意的点：

   • 确认项目名称，注意不能是大写字母开头

     Project name demo
     

   • 是否使用官方路由，一般都会用到

     Install vue-router? Yes
     

   • 选择代码规范，这个可以选没有后续自己配置

     Use ESLint to lint your code? Yes
     Pick an ESLint preset none
     

   • 是否需要单元测试，一般是有的，默认选择第一个

     Set up unit tests Yes
     Pick a test runner jest
     

   • 是否需要e2e测试，自行决定

     Setup e2e tests with Nightwatch? Yes
     

   • 选择下载安装包方式，我选择的是npm，后期可以自己安装使用yarn

     Should we run `npm install` for you after the project has been created? (recommended) npm
     

3. 等待依赖下载完毕

4. 项目创建成功，切换到项目文件里面去

   cd demo
   

5. 运行

   npm run dev
   

   复制链接在本地浏览器打开，看到vue的logo页面，证明项目创建成功