vue element

标签：ini   查看   star   创建工程   outer   步骤   bsp   最新   vue-cli   

下载node.js的window版本，最新的node.js已经打包了npm

安装好后可以打开命令行用  npm-v   node-v 查看是否安装成功以及版本号，出现版本提示表示安装成功:

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，命令如下：

 Window 系统使用以下命令即可：

使用淘宝NPM 镜像

大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

$  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了

全局安装vue-cli,打开CMD命令行，npm install -g vue-cli

安装成在命令行中输入vue -V ，(大写的V),即可查询版本号

安装webpack，运行：npm install webpack -g，这里有全局安装和局部安装（区别在后面的 -g 参数），建议选全局的（这一步是网上的安装步骤，但安装之后实际没有作用，所以可以不安装，通过下载webpack包的方式使用offline来创建工程）

这一步安装之后，通过vue init webpack <project name>去创建项目的时候，总是提示一个错误（vue-cli · Failed to download repo vuejs-templates/webpack: unable to verifythe first certificate）,找了很多办法都没有解决最后只能通过offline的方式来使用webpack：

1. 从这个地址https://github.com/vuejs-templates/下载一个webpack或webpack-simple 包（网上建议下载webpack-simple）
2. 解压到 目录 c:/User/Administrator/.vue-templates/webpack(-simple)/目录下，.vue-templates文件夹可通过cmd命令行mkdir 创建，括号-simple根据你下载的包命名
3. 可以通过vue init webpack（或webpack-simple） <project name> --offline来创建工程
4. 工程创建成功，可以cd  <project name>

分别允许两个命令npm install

                           npm run dev

如果顺利的话则可以成功看到浏览器显示出来的页面效果

安装

在终端通过cd命令进入到上一篇文章中创建的<project-name>项目目录里，然后使用以下命令进行安装:

?

--save参数的作用是在我们的包配置文件package.json文件中添加对应的配置。安装成功后， 可以查看package.json文件，你会发现多了"vue-router": "^2.7.0"的配置。如下：

?

使用

Element-ui的 引入可看如下网址

http://element-ui.cn/#/zh-CN/component/quickstart

intellij idea 打开vue项目，可看以下网址

https://www.jianshu.com/p/dc087bf01475

vue element

标签：ini   查看   star   创建工程   outer   步骤   bsp   最新   vue-cli   

原文地址：https://www.cnblogs.com/IsSshuai/p/10973397.html