安装环境
(1)安装nodejs
由于Nodejs自带了npm,所以你安装Nodejs后,npm也会自行安装。
下载地址:https://nodejs.org/en/
C:\Users>npm -v
6.4.1
C:\Users>node -v
v11.1.0
(2)安装cnpm
由于npm的镜像是国外的,为了加快下载速度,可以通过国内淘宝镜像来下载,所以采用cnpm。cnpm使用的是淘宝网的镜像http://npm.taobao.org
npm install cnpm -g --registry=https://registry.npm.taobao.org
vue-cli2.0搭建
cnpm install --global vue-cli
默认安装目录如下
创建项目
vue init webpack test
目录结构
build----项目构建的一些代码
config—开发环境的配置
dist—项目构建发布的文件
node_modules—项目依赖包
src—源码
static—静态资源
.babelrc—ES6编译的一些配置
.editorconfig—代码风格配置
index.html—入口页面
package.json—项目基本信息,依赖等
运行打包
运行 npm run dev
打包 npm run build
vue-cli3.0搭建
npm install -g @vue/cli
创建项目
(1)创建项目test
vue create test
出现默认和手动选择
(2)手动选择
目录结构
运行
npm run serve