vue环境搭建

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

Vue推荐开发环境

Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016

现在开始安装环境

安装nodejs
可以在终端里下载,但是不推荐,npm的版本会报错
去nodejs官网下载即可,地址:http://nodejs.cn/中文网

安装vue淘宝镜像

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

安装webpack

npm install webpack -g

安装vue脚手架

npm install vue-cli -g

—————-如果第二次编写新的vue项目,就可以在这里开始了—————–

进入父目录,根据模板创建项目

vue init webpack 项目名字<项目名字不能用中文>

会有一些初始化的设置,如下输入:

Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理) 
Project name (vue-test) 直接回车默认 
Project description (A Vue.js project) 直接回车默认 
Author 直接回车默认 
Use ESLint to lint your code? n 
pick an eslint preset. 默认Standard 
setup unit tests with karma + mocha?No(单元测试不需要) 
setup e2e tests with Nightwatch?No(单元测试不需要)

进入项目
打开终端

cd 项目名字

安装项目依赖

npm install

安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西,–save 是你发布之后还依赖的东西

npm install vue-router vue-resource –save

启动项目

npm run dev

发布项目

npm run build

目前基础搭建这里应该暂时可以了。

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看