vue安装及新建项目
vue.js可以作为Javascript的一个库来使用,他有全套的工具来构建系统页面,方便快捷、简单易学
安装vue之前需要安装node
安装vue脚手架
一般在国内使用淘宝镜像源提供的cnpm,直接使用npm由于服务器在国外,网速较慢
#打开cmd命令行窗口
npm install -g cnpm --registry=https://registry.npm.taobao.org
#然后安装vue
cnpm install -g vue-cli //全局安装,一个电脑之安装一次即可
#安装完成后查看Vue版本
vue -V
使用vue创建项目
#初始化新建项目
vue init webpack vue01 #vue01为项目名称
#等创建完成后开始配置项目信息
? Project name (vue01) #项目名称如果不修改,直接回车
? Project description (A Vue.js project) #项目描述
? Project description (A Vue.js project) #作者
? Vue build (Use arrow keys)
> Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are
ONLY allowed in .vue files - render functions are required elsewhere #打包项目选项
? Install vue-router? (Y/n) #是否安装路由
? Use ESLint to lint your code? (Y/n) #是否关闭eslint效验,一般不使用
? Set up unit tests (Y/n) #是否检测单元格
? Setup e2e tests with Nightwatch? #是否用守夜者测试,一般选n
? Should we run `npm install` for you after the project has been created? (recommended)
Yes, use NPM
Yes, use Yarn
> No, I will handle that myself #这里选择No,我想使用我自己的工具(在文件创建好后使用cnpm安装)
#配置完成后,进入项目
cd vue01(项目名称)
#使用cnpm安装
cnpm install #这里也可以使用npm install 但对网速要求较高
#执行项目,在浏览器输入http://localhost:8080
cnpm run dev