游击队之歌歌词,千里鹰望远镜,夜生活的女人
npm是随同nodejs一起安装的包管理工具，能解决nodejs代码部署上的很多问题，本文只介绍如何通过npm进行安装vue.js
nodejs官方网站：http://nodejs.cn/download/
通过官网下载并安装nodejs即可在cmd执行npm指令
淘宝npm镜像：由于默认使用的是国外的镜像，这会有时候导致下载vue时网速过慢或连接超时，推荐使用淘宝镜像cnpm指令安装，执行以下代码即可。
npm install -g cnpm --registry=https://registry.npm.taobao.org
完成淘宝镜像的安装后 ，我们就可以开始安装vue的依赖包了
1.执行以下命令安装vue依赖包
npm install -g vue-cli
执行后结果：
安装后 输入命令 vue -v(必须大写v)查看vue版本号，若出现有版本号信息则安装成功
vue -v
2.新建vue工程目录
先通过cd命令指向要新建项目所在的目录，以下代码通过在c盘根目录下新建一个名为 “test”的文件夹 存放
win10默认存放地址为：c:\user\user(计算机用户名)
cd c:\ md test cd test
通过以下指令完成工程目录创建
vue init webpack my-project
输入命令后，会询问我们几个简单的选项，我们根据自己的需要进行填写就可以了。
project name : 项目名称 填写或直接回车
project description:项目描述 根据自己需求填写 可直接回车
author：作者名 写个人信息或直接回车跳过
install vue-router? 安装vue的路由插件 建议选y
use eslint to lint your code? 是否用eslint来限制代码风格。初学者建议选n
setup unit tests with karma + mocha? 是否需要安装单元测试工具karma+mocha 建议选y
setup e2e tests with nightwatch?是否安装e2e来进行用户行为模拟测试 建议选n
should we run `npm install` for you after the project has been created?
是否在创建项目后执行npm install？ 选择no，由于直接用npm install会调用国外镜像 下载速度可能较慢，文章后面会说到用国内镜像使用npm install，没有安装国内镜像的朋友可以直接使用yes ,use npm
安装完成后打开目录c:\test（或者自己cd的地址上）即可看到项目已经创建完成
3.运行项目
先通过cd my-project（项目名）进入项目目录
cd my-project
使用cnpm install进行安装部署
cnpm install
安装部署成功后最后会出现这样一句即完成安装
最后通过npm run dev运行项目
npm run dev
运行后 出现该图即运行成功
测试：
运行command上显示的地址：http://www.lhsxpumps.com/_localhost:8080，若出现欢迎使用vue的页面即运行成功
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
利用JavaScript更改input中radio和checkbox样式
我要评论
网友评论