vule-cli2进行构建vue项目

一、创建vue项目步骤如下 ：

1、 安装nodejs环境

官网下载：https://nodejs.org/en/download/
安装完后 ,打开cmd ,查看node 、npm的版本

node -v
npm -v

2、安装vue-cli

npm install -g vue-cli

查看vue 的版本号：

vue -V    //注意：是大写的V

3、在电脑某盘创建一个项目集的文件夹，命名，如：projects

4、打开你的编辑器，如idea或者webstrom,打开projects文件夹，开始创建若干个vue项目

5、在项目集文件夹projects中创建第一个vue项目，命名为 vue01

vue init webpack vue01

? Project name  项目名称
? Project description 项目描述
? Author 作者
? Vue build standalone
? Install vue-router? Yes   是否使用vue-router
? Use ESLint to lint your code? Yes   是否使用ESLint
? Setup unit tests with Karma + Mocha? (Y/n) n 是否需要单元测试

? Setup e2e tests with Nightwatch? (Y/n) n是否需要单元测试

6、打开vue01:

  cd vue01

7、安装依赖：

 npm install

8、运行项目

npm run dev

注意：
1、如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用了（默认服务启动的是本地的8080端口），可以通过修改一下配置文件 config>index.js里的端口号
2、如果想项目一执行 npm run dev 就打开浏览器，只需要修改config文件夹中index.js文件的autoOpeBrowser:true;

二、打包项目：

项目开发完成后，使用 以下命令进行打包：

npm run build

打包完成后，会 在当前项目中生成dist文件夹，项目需要上线时，只需要把dist文件夹放到服务器就可以了