vue.js入门环境搭建

1.安装node.js

npm是nodejs下的一个包管理工具,它可以很方便的帮你管理(可以简单理解为下载)各类前端的框架或插件。

(1)首先进官网下载node.js。(http://nodejs.cn/download/)

(2)测试

node -v

2.安装 vue-cli VUE的脚手架工具

npm install -g vue-cli

   (1)  测试

vue -V     大写的V

3.安装webpack

vue init webpack my-project
roject name (my-project) # 项目名称(我的项目)

Project name my-project # 项目名称我的项目

Project description (A Vue.js project) # 项目描述一个Vue.js 项目

Project description A Vue.js project # 项目说明一个 Vue.js 项目

Author  作者 

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])

Use ESLint to lint your code? Yes # 使用 ESLint 到你的代码? 是

Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)

Pick an ESLint preset Standard # 选择一个预置ESLint标准

Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha? (Y/ N)

Setup unit tests with Karma + Mocha? Yes # 设置单元测Karma + Mocha?是

Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch? (Y/ N)

Setup e2e tests with Nightwatch? Yes # 设置端到端测试,Nightwatch? 是

4.进入项目安装运行

npm install  
npm run dev

5.如果网速太慢可以使用淘宝镜像

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

  安装完成之后就可以使用cnpm执行指令



 

你可能感兴趣的:(vue.js入门环境搭建)