Vue创建项目步骤
第一步 环境配置
安装nodejs(https://nodejs.org/)
安装完成后,打开CMD查看是否安装成功
npm config set registry https://registry.npm.taobao.org #设置国内源
npm config get registry #查看源
npm install -g npm 更新最新npm版本
配置淘宝国内镜像,后续使用cnpm安装依赖
npm install -g cnpm --registry=https://registry.npm.taobao.org
第二步 项目初始化
- 安装 vue-cli:
cnpm uninstall vue-cli -g(卸载)
cnpm install -g @vue/cli(安装)
查看vue-cli版本
2.创建项目
2.1 切换到准备创建的项目的路径下:
vue create word-vue
2.2 手动选择配置
空格 - 选中与取消 ,A - 全选, I - 反选, 回车 - 继续
TypeScript -> TypeScript书写源码
Progressive Web App (PWA) Support -> 渐进式网络应用程序
Router -> 路由
Vuex -> 状态管理
CSS Pre-processors -> CSS 预处理器
Linter / Formatter -> 代码风格检查和格式化
Unit Testing -> 单元测试
E2E Testing -> E2E 测试
按需选择
创建成功