快速搭建vue.js 脚手架步骤
2018-04-10 11:00
375 查看
1 前提安装好node.js ,官方下载 安装即可 最后在cmd黑窗口 输入node -v 查看 出现版本号即安装成功。接着 输入npm -v 出 现版本号即安装成功
2 强烈推荐git管理工具
3 推荐安装淘宝镜像 去 http://npm.taobao.org/ 此操作是安装CNPM
复制这个连接:npm install -g cnpm --registry=https://registry.npm.taobao.org
4 安装vue-cli 即脚手架构建工具
4.1 npm install --global vue-cli
4.2 vue init webpack 项目名称(将会生成此时命名的文件夹)
4.3 cd 上一步中的项目名称
4.4 npm run dev
运行成功后 ,会看到这个界面 Your application is running here :http://lcoalhost:8080
此时打开一个网页 输入 lcoalhost:8080 就能看到vue.js 欢迎界面了
2 强烈推荐git管理工具
3 推荐安装淘宝镜像 去 http://npm.taobao.org/ 此操作是安装CNPM
复制这个连接:npm install -g cnpm --registry=https://registry.npm.taobao.org
4 安装vue-cli 即脚手架构建工具
4.1 npm install --global vue-cli
4.2 vue init webpack 项目名称(将会生成此时命名的文件夹)
4.3 cd 上一步中的项目名称
4.4 npm run dev
运行成功后 ,会看到这个界面 Your application is running here :http://lcoalhost:8080
此时打开一个网页 输入 lcoalhost:8080 就能看到vue.js 欢迎界面了
相关文章推荐
- AngularJs+RequireJs+angularAMD快速搭建项目步骤
- 快速搭建一个Vue项目的步骤
- Vue.js 快速搭建
- vue.js快速搭建图书管理平台
- 使用vue-cli(vue脚手架)快速搭建项目的方法
- Vue.js 快速搭建
- vue.js学习02之vue-cli脚手架创建项目环境搭建
- vue.js的手脚架vue-cli项目搭建的步骤
- vue.js开发环境搭建(vue-cli脚手架)
- vue框架搭建的详细步骤之脚手架(一)
- 从零开始搭建一个vue.js的脚手架
- 基于node.js下搭建vue脚手架及制定一个json文件作为api数据源
- vue.js开发环境搭建以及脚手架工具安装
- Vue.js开发环境快速搭建教程
- vue+elementui快速搭建步骤
- 用Go+Vue.js快速搭建一个Web应用(初级demo)
- vue.js之vue-cli脚手架的搭建详解
- Vue-cli脚手架的搭建步骤
- vuejsLearn---通过手脚架快速搭建一个vuejs项目
- 手摸手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]