Vue.js进阶【4-0】用vue-cli快速构建vue项目

https://blog.csdn.net/wulala_hei/article/details/80488674

https://www.cnblogs.com/liaoanran/p/8042893.html

上面的链接告诉你非常详细的步骤，下面我们只给出最粗粒度的几个步骤，方便你以后拿来就用。

1 在一个空目录 shift + 右键 打开命令行

vue-cli 2.0

2 全局安装vue-cli

之前安装过的跳过次步

npm install -g vue-cli

或者 使用cnpm安装，没有安装cnpm的就用npm或者安装cnpm

D:\Vue\element-ui>cnpm install -g vue-cli --registry=https://registry.npm.taobao.org

3  用vue-cli来构建项新目

D:\Vue\vue-router-test>vue init webpack my_vue_cli_project

4 启动项目

D:\Vue\vue-router-test>cd my_vue_cli_project

D:\Vue\vue-router-test\my_vue_cli_project>npm run dev

5 浏览器访问

运行已经创建的项目

切换到已经创建的项目跟目录，依次执行下面的命令

# install dependencies
npm install # or yarn

# serve in dev mode, with hot reload at localhost:8080
npm run dev

# build for production
npm run build

# serve in production mode
npm start

vue-cli 3.0

1 升级到3.0

D:\Vue\element-ui>npm uninstall -g vue-cli --registry=https://registry.npm.taobao.org
D:\Vue\element-ui>npm install -g @vue/cli --registry=https://registry.npm.taobao.org

2 创建项目

# 安装
npm install -g @vue/cli
# 新建项目
vue create my-project
# 项目启动
npm run serve
# 打包
npm run build

添加包引用

1 引入echarts

在工程目录中执行下面的命令行即可添加包引用到vue-cli项目中

cnpm install echarts -S

在helloworld.vue文件中的script中加入import

import echarts from 'echarts'

2 在工程中引入jQuery会麻烦点：

只写这句是肯定不行的 npm install jquery --save     https://www.cnblogs.com/eyed/p/7850946.html