码迷,mamicode.com
首页 > 其他好文 > 详细

搭建vue前端项目

时间:2020-02-21 17:48:36      阅读:71      评论:0      收藏:0      [点我收藏+]

标签:cli   名称   选择   需要   ack   安装   ini   nodejs   gis   

1. 确认安装nodejs

技术图片

 

 2. 确认安装npm

技术图片

 

 3. 国内npm下载依赖的速度太慢,淘宝镜像cnpm速度快,所以注册cnpm代替npm。

npm install cnpm -g --registry=https://registry.npm.taobao.org

技术图片

 

 4. 安装vue-cli

cnpm install -g vue-cli

5. 初始化项目,打包工具选择webpack,项目名称:vue-test-ui

vue init webpack vue-test-ui

6. 接下来,填写一些信息,可以直接enter。

Project name 项目名
Project description 项目名描述
Author 作者邮箱
Use ESLint to lint your code? 是否需要ESlist语法检查
Setup unit tests with Karma + Mocha? 是否需要单元测试
Setup e2e tests with Nightwatch? Yes是否需要e2e测试

 

7. 这一项可以选择yes,也可以选择no。

技术图片

 

 选择yes使用npm install命令安装,选择no,自行使用cnpm install命令安装。

8. 出现这个就可以启动项目了

技术图片

 

 9. 启动项目

cnpm run dev

10. 访问项目http://localhost:8080/#/

技术图片

 

 

11. 打包项目

cnpm run build

搭建vue前端项目

标签:cli   名称   选择   需要   ack   安装   ini   nodejs   gis   

原文地址:https://www.cnblogs.com/liubingfei/p/12342048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!