简单vue-cli搭建项目

简单vue-cli搭建项目

1.安装node(npm)

2.添加环境变量（一般都会自动添加）

没有就去电脑=>属性=>高级系统配置=>高级=>环境变量,找到系统变量里的path，点编辑，在后面把npm的目录加上。

3.安装vue-cli

npm install vue-cli -g

4.创建项目

vue init webpack projectname

webpack是初始化时用的模板名
projectname是项目名，可以自定义

在联网环境下，我们可以链接到https://github.com/vuejs-templates，所以我们使用的webpack模板是vuejs-templates下

$ vue init wepack projectname

   vue-cli · Failed to download repo vuejs-templates/wepack: Response code 404 (Not Found)

下面就会看到

Project name (my-project)   ------------项目名（init时已经写过，不需要改的话直接回车）
Project description (A Vue.js project)    
Author
Install vue-router? (Y/n)    --------创建的目录下是否包含vue-router     
Use ESLint to lint your code? (Y/n)               -----------是否需要eslint
Set up unit tests (Y/n) n                         -----------是否需要单元测试
Set up unit tests No
Setup e2e tests with Nightwatch? (Y/n) n             ------------是否需要单元测试
Setup e2e tests with Nightwatch? No
Should we run `npm install` for you after the project has been created?
 --------是否项目创建之后是否npm unstall

5.创建成功，运行项目

cd my-project 
// 下载依赖
npm install
// 运行项目
npm run dev

使用非官方地址搭建项目

fork一份官方的webpack模板到自己的github库
（官方webpack模板地址：https://github.com/vuejs-templates/webpack ）

vue init username/repo my-project

自定义模板

转载：
https://blog.csdn.net/ABAP_Brave/article/details/84930286