Vue实战之前所学的ES6-10语法,可以用在vue中

vue项目安装

1,先安装node

http://www.runoob.com/nodejs/nodejs-install-setup.html

输入 node -v,如果出现相应的版本号,则说明安装成功。

 

2,安装淘宝镜像

由于,npm很多包部署在国外,使用cnpm可以加快我们的安装速度。

安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

 

3,安装webpack

安装命令:npm install -g webpack

输入 webpack -v 查看版本号后提示我们必须安装一个 CLI

安装命令:npm i webpack-cli -g

再次输入webpack -v 显示版本号,就算安装成功

 

4,安装vue-cli脚手架构建工具

安装命令:npm install vue-cli -g
安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号,则说明安装成功。

 

5,cd到对应的目录下初始化vue项目

比如(cd F:\vue),输入新建项目命令,

安装命令:vue init webpack 项目名   //创建一个基于webpack的vue项目

执行这个命令后会出现一系列的选项如下

--------------------------------------------------------------------------------------------

?Project name :项目名称

?Project description (A Vue.js project) :项目描述 (A Vue.js project);

?Author: XXXX@XXX.com(项目作者);

?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
移动上下键,选择Runtime + Compiler: recommended for most users;

?Install vue-router? (Y/n) 是否使用vue-router路由(y);

?Use ESLint to lint your code? (Y/n) 是否使用ESLint(n);

?Set up unit tests  (Y/n) 是否需要单元测试(n);

?Set up e2e tests with Nightwatch? (Y/n) 是否需要单元测试(n);

?Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)
> Yes, use NPM
   Yes, use Yarn
   No, I will handle that myself

移动上下键,选择Yes, use NPM

--------------------------------------------------------------------------------------------

 之后vue项目就会创建成功了

 

6,启动项目

cd进入该项目目录下,执行安装 :npm install(虽然这步之前我输入npm -v能得出版本号,但是还是要执行安装npm,也不知道为什么)

输入命令:npm run dev。服务启动成功后浏览器会认打开一个“欢迎页面

 

相关文章

原文连接:https://www.cnblogs.com/dupd/p/5951311.htmlES6...
以为Es6,javascript第一次支持了module。ES6的模块化分为导...
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Prom...
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步昨天看了一篇vue的教程,作者用as...