npm -v 查看 npm 版本
npm
install
vue -V 来进行查看 vue-cli 的版本号
- vue init webpack vuedemo (
- vue
- init
- <
- template
- -
- name
- >
- <project-name>
) 初始化项目 vuedemo 项目名称 可以自己取名 ; template-name 五种 通常用 webpack
- ? Project name vuedemo
- ? Project description A Vue.js project
- ? Author caicai
- ? Vue build standalone
- ? Install vue-router? Yes
- ? Use ESLint to lint your code? No
- ? Set up unit tests No
- ? Setup e2e tests with Nightwatch? No
- ? Should we run `npm install` for you after the project has been created? (recommended) np
- m
cd vuedemo 进入我们的 vue 项目目录 vuedemo 项目名称
npm install 安装我们的项目依赖包, 也就是安装 package.json 里的包, 也可写成 cnpmpwd
npm run dev 开发模式下运行我们的程序
- .
- |-- build // 项目构建 (webpack) 相关代码
- | |-- build.js // 生产环境构建代码
- | |-- check-version.js // 检查 nodenpm 等版本
- | |-- dev-client.js // 热重载相关
- | |-- dev-server.js // 构建本地服务器
- | |-- utils.js // 构建工具相关
- | |-- webpack.base.conf.js // webpack 基础配置
- | |-- webpack.dev.conf.js // webpack 开发环境配置
- | |-- webpack.prod.conf.js // webpack 生产环境配置
- |-- config // 项目开发环境配置
- | |-- dev.env.js // 开发环境变量
- | |-- index.js // 项目一些配置变量
- | |-- prod.env.js // 生产环境变量
- | |-- test.env.js // 测试环境变量
- |-- src // 源码目录
- | |-- components // vue 公共组件
- | |-- store // vuex 的状态管理
- | |-- App.vue // 页面入口文件
- | |-- main.js // 程序入口文件, 加载各种公共组件
- |-- static // 静态文件, 比如一些图片, json 数据等
- | |-- data // 群聊分析得到的数据用于数据可视化
- |-- .babelrc // ES6 语法编译配置
- |-- .editorconfig // 定义代码格式
- |-- .gitignore // git 上传需要忽略的文件格式
- |-- README.md // 项目说明
- |-- favicon.ico
- |-- index.html // 入口页面
- |-- package.json // 项目基本信息
来源: http://www.bubuko.com/infodetail-2511493.html