Vue.js脚手架安装
2018-01-23 13:35
302 查看
1.首先下载安装node.js
下载地址:https://nodejs.org/en/
2.运行cmd,查看版本号(出现版本号说明安装成功)
输入:node -v 查看node版本号(需要在6.9以上)
输入:npm -v 查看npm版本号(需要在3.10以上)
3.命令行工具(在cmd里安装)
# 全局安装 vue-cli
$ npm install --global vue-cli
(安装好输入vue --version测试版本)
# 创建一个基于 webpack 模板的新项目
(先切换目录,比如切换到d盘,输入:d:)
$ vue init webpack my-project
-------------------
? Project name vue-project--项目名称
? Project description vue项目--项目说明
? Author FrankFang--作者
? Vue build standalone--标准安装
? Install vue-router? No--是否安装路由
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
-------------------
# 安装依赖,走你
$ cd my-project(打开目录)
$ npm install(如果上边出现Should we run `npm install` for you after the project has been created? (recommended) npm这个就可以不需要执行)
$ npm run dev(运行)
===================
下次再运行项目
打开cmd),切换到d盘(d:),进入指定目录(cd my-project),再输入:npm run dev 即可
下载地址:https://nodejs.org/en/
2.运行cmd,查看版本号(出现版本号说明安装成功)
输入:node -v 查看node版本号(需要在6.9以上)
输入:npm -v 查看npm版本号(需要在3.10以上)
3.命令行工具(在cmd里安装)
# 全局安装 vue-cli
$ npm install --global vue-cli
(安装好输入vue --version测试版本)
# 创建一个基于 webpack 模板的新项目
(先切换目录,比如切换到d盘,输入:d:)
$ vue init webpack my-project
-------------------
? Project name vue-project--项目名称
? Project description vue项目--项目说明
? Author FrankFang--作者
? Vue build standalone--标准安装
? Install vue-router? No--是否安装路由
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
-------------------
# 安装依赖,走你
$ cd my-project(打开目录)
$ npm install(如果上边出现Should we run `npm install` for you after the project has been created? (recommended) npm这个就可以不需要执行)
$ npm run dev(运行)
===================
下次再运行项目
打开cmd),切换到d盘(d:),进入指定目录(cd my-project),再输入:npm run dev 即可
相关文章推荐
- vue.js通过cli脚手架安装stylus遇到的坑
- vue.js 脚手架安装
- vue.js开发环境搭建以及脚手架工具安装
- VUE.JS——脚手架安装
- vue.js开发环境搭建以及脚手架工具安装
- VUE.JS——脚手架安装
- 安装Vue.js脚手架 vue-cli
- vue.js的安装--vue-cli脚手架
- 安装 vue.js和第一个hello world
- vue.js添加一些触摸事件以及安装fastclick的实例
- Vue.js安装教程
- 新版vue-init 脚手架去除dev-server.js问题
- vue.js使用(一):vue-cli的安装
- vue.js开发环境安装教程
- 安装vue.js环境
- 最详细的安装一个vue项目,利用了vue-cli脚手架
- vue.js开发环境安装教程
- vue.js在visual studio 2017下的安装
- Vue-cli 脚手架的安装
- vue.js的devtools安装