从头搭建vue项目

一.安装Nodejs  下载地址 nodejs.cn

安装完成查看nodejs版本  node -version

#查看Nodejs的版本及是否安装成功
node -version 

二.安装cnpm 淘宝镜像

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

 使用 cnpm  替换 npm 

$ cnpm install [name]

如果npm 版本不是最新版本，按照下面语句升级npm

#升级 npm
cnpm install npm -g

三.安装vue

# 最新稳定版
$ cnpm install vue

四.安装项目工具

# 全局安装 vue-cli
$ cnpm install --global vue-cli

五.新建项目目录，在目录中按 Shift+鼠标右键，在当前位置打开控制台 ，创建新项目

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author openketang <test@openketang.com>
? Vue build standalone
? Use ESLint to lint your code? No // 选择N 是代码不执行Eslint 严格检查，否则执行严格检查
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev   
     
   Documentation can be found at https://vuejs-templates.github.io/webpack

 

六.进入项目

#my-project 为自己创建的项目名称
$ cd my-project
$ cnpm run dev
 DONE  Compiled successfully in 4388ms
 
 > Listening at http://localhost:8080