VUE学习-项目创建

青年的故事 0

起因

近期工作原因要做vue的项目,所以最近会花了时间来学习vue,并且也会发布几篇学习到的vue知识和小技巧,客官们敬请期待吧[aru_36]

1. node安装及检查

现代前端开发框架和环境都是需要 Node.js 的,如果没有的话,要请先下载 nodejs 并安装。https://nodejs.org/ 然后打开命令行工具:

$ node -v
v8.9.0
$ npm -v
v5.6.0

 

2. 由于众所周知的原因,可以考虑切换源为 taobao 源

$ npm set registry https://registry.npm.taobao.org/
或
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

 

3. 全局安装 vue-cli

$ npm install --global vue-cli

 

4. 创建一个基于 vue-demo 模板的新项目

新手这里一路回车选择默认 [aru_22]

$ vue init webpack  vue-demo
或用下面这个代码来创建一个简单的项目(推荐新手使用)
$ vue init webpack-simple vue-demo

 

5. 安装依赖,走你

$ cd vue-demo
$ npm install
$ npm run dev

 

发表评论 取消回复
表情 图片 链接 代码

分享