vue.js - 命令行直接搭建vue-cli

vue.js官网 https://cn.vuejs.org/

我是用得是vue-cli直接搭建了vue得环境,官网上建议先不用vue-cli,我觉得一步到位先搭建vue-cli,有问题再对应学习~

命令行工具 - 直接搭建vue-cli

# 全局安装vue-cli
$ npm install --global vue-cli 

# 创建一个基于webpack模板的新项目  vue-test是我的项目名
$ vue init webpack vue-test 

#下载完模板之后,出现
? Project name (vue-test) vue-test
? Project description (A Vue.js project) vuetest
? Author lian

# 代码检查机制
? Use ESLint to lint your code?  No

# 测试模块
? Set up unit tests  No    
? Setup e2e tests with Nightwatch? No  

# 安装依赖
$ cd 你的项目的位置
$ npm install 

# 启动项目
$ npm run dev  

项目目录结构

index.html : 项目根视图

.postcssrc.js : postcss配置文件  

static : 静态文件

猜你喜欢

转载自blog.csdn.net/Janus_lian/article/details/83272400