使用vue搭建的项目
2017-12-27 11:30
447 查看
全局安装脚手架vue-cli(要有node环境)
1、本地环境搭建 npmi -g vue-cli (cli------->command line interface)
2、命令行模式创建项目,模板有(simple\webpack\webpack-simple\pwa\browerify\browerify-simple)webpack:会进行代码语法格式的检测,
以webpack为模板创建项目 vue init webpack myproject
3、Vue init webpack-simple(模板) vue-project(项目名称)【项目开发中一般使用webpack】
vue init webpack
vue-project //默认是2.0版本
vue init webpack#1.0
vue-project.0 //1.0版本
4、cd vue-project npm install npm run sev
进入目录cd myproject
安装所需的依赖包npm install
运行npm run dev
在开发过程中,可以使用淘宝镜像安装依赖(速度快),在终端运行
如果遇到安装依赖包失败,并且装不上去的情况
1、cnpm i XXX -S(-D) cnmp uninstall XXX -S(-D)
2、cnpm i XXX -S(-D) cnmp uninstall XXX -S(-D)
3、npm i XXX -S(-D) nmp uninstall XXX -S(-D)
4、 npm cache clean
5、新创建一个目录,重复上面四个步骤
1、本地环境搭建 npmi -g vue-cli (cli------->command line interface)
2、命令行模式创建项目,模板有(simple\webpack\webpack-simple\pwa\browerify\browerify-simple)webpack:会进行代码语法格式的检测,
以webpack为模板创建项目 vue init webpack myproject
3、Vue init webpack-simple(模板) vue-project(项目名称)【项目开发中一般使用webpack】
vue init webpack
vue-project //默认是2.0版本
vue init webpack#1.0
vue-project.0 //1.0版本
4、cd vue-project npm install npm run sev
进入目录cd myproject
安装所需的依赖包npm install
运行npm run dev
在开发过程中,可以使用淘宝镜像安装依赖(速度快),在终端运行
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果遇到安装依赖包失败,并且装不上去的情况
1、cnpm i XXX -S(-D) cnmp uninstall XXX -S(-D)
2、cnpm i XXX -S(-D) cnmp uninstall XXX -S(-D)
3、npm i XXX -S(-D) nmp uninstall XXX -S(-D)
4、 npm cache clean
5、新创建一个目录,重复上面四个步骤
相关文章推荐
- 详解使用vue脚手架工具搭建vue-webpack项目
- Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目
- 使用vue脚手架工具搭建vue-webpack项目
- 使用vue-cli搭建vue项目简单教程
- 使用 vue-cli 搭建项目
- Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目
- vue2.0实战之使用vue-cli搭建项目(2)
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- vue-cli的使用(快速搭建项目)
- 使用 vue-cli 搭建项目
- 使用vue-cli脚手架搭建项目
- Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目
- 使用ES6+vue+elementui+webpack搭建简单项目
- 使用 vue-cli 搭建项目
- vue2.0新手填坑攻略之使用vue-cli搭建vue项目开发环境到项目发布
- 使用ES6+vue+elementui+webpack搭建简单项目
- 详解Vue使用 vue-cli 搭建项目
- Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目
- 使用vue脚手架工具搭建vue-webpack项目
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手