搭建Vue项目

一、安装环境

1、node下载地址：https://nodejs.org/en/ 2、检查node是否安装成功：node -v

3、安装cnpm

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

4、安装vue-cli

npm install --global vue-cli

二、搭建vue项目

两种方式搭建项目： 1、vue create textProject 2、vue init webpack textProject

进入项目cd textProject，安装依赖

cnpm i

依赖安装成功后，启动项目 通过vue init webpack 项目名初始化搭建的 运行npm run serve 通过vue create 项目名初始化搭建的 运行npm run dev

三、vue create 和 vue init 有什么区别

vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与vue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下，老项目的src目录覆盖3.x的src目录(如果修改了配置，可以查看文档，用cli3的方法进行配置)