vue安装及新建项目

目录

• 安装vue脚手架
• 使用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