vue npm 使用 验证 安装
安装vue
npm install --global vue-cli
vue版本
vue -V
其他版本
node -v
npm -v
查询当前镜像地址
npm get registry
修改镜像地址
npm config set registry http://registry.npm.taobao.org/
taobao镜像设置并使用cnpm呼唤
npm install -g cnpm –registry=https://registry.npm.taobao.org
检验是否安装成功
cnpm -v
vue模板初始化
Vue CLI的安装
全局安装
npm install vue-cli -g
1. vue create
是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2项目结构不同,配置方法不同,具体配置方法参考官方文档。
使用方式:vue create 项目名称
2. vue init
vue init 是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下,老项目的src目录覆盖3.x的src目录(如果修改了配置,可以查看文档,用cli3的方法进行配置)
2.1 官方推荐的标准模板名
使用方式:vue init webpack 项目名称
[webpack结构与路径讲解]
vue init webpack \[projectName\]
当前官方提供的模版包括:
- webpack
功能齐全的webpack + vue-loader 的设置、热重载、eslint、test 和 css 提取。
- webpack-simple
一个快速设置简单的 webpack + vue-loader原型的模版。
- browserify
功能齐全的 browserify + 'vueify'设置与热重负荷,linting和单元测试。
- browserify-simple
快速设置简单的 browserify + 'vueify' 原型。
- pwa
基于webpack的vue-cli 的单页面模版。
- simple
对 html 的简单 vue 配置 。
2.2 electron-vue的模板
使用方式:vue init simulatedgreg/electron-vue 项目名称
2.3 自定义模板
使用方法:
1.再git仓库创建自己项目要的项目结构
2.执行初始化
vue init gitusername/reponame my-project
3.安装
cd my-project
$ npm install
$ npm run dev
标签:npm,初始化,vue,init,webpack,安装,模板
From: https://www.cnblogs.com/chrisleon/p/17425137.html