前提准备,搭建好环境
首先去官网安装 node 和 npm (可安装淘宝npm镜像 $ npm install -g cnpm --registry=https://registry.npm.taobao.org)
全局安装 vue-cli (npm install vue-cli -g)
以前创建项目
Vue init webpack 项目名(注意配置时的 严格模式)
之后cd 到 创建的项目路径
npm install (安装 依赖node_modules等)
再来就是运行项目了~ok
npm run dev
现在Vue-cli4.0快速搭建
vue create 项目名
(之后就是选择配置了)
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行
( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
( ) Router // vue-router(vue路由)
( ) Vuex // vuex(vue的状态管理模式)
( ) CSS Pre-processors // CSS 预处理器(如:less、sass)
( ) Linter / Formatter // 代码风格检查和格式化(如:ESlint)
( ) Unit Testing // 单元测试(unit tests)
( ) E2E Testing // e2e(end to end) 测试
最后cd到项目路径
运行项目~ok
vue run serve