vue项目搭建

1.使用到环境 node.js

链接:https://pan.baidu.com/s/1MSj1dXR5upQShYaY4cdqiw
提取码:ushe 

2.全局安装 vue-cli     npm install --global vue-cli  【ps:将npm替换成cnpm 淘宝镜像  npm install -g cnpm --registry=https://registry.npm.taobao.org 】

3.前两步完成之后  检查环境有没有配置完成;首先 打开cmd 命令行 运行 npm -v 如果出现版本号则代表ok  再运行 vue -V 注意这次是 大写的V 如果出现版本号则代表ok

4.如果环境没问题了 cmd 命令行运行  vue init webpack my-project

## 接着会提示一些选项,根据自己的需求填写或选择y/n 
## 项目名称 ? Project name (my-project) ? Project name my-project 
## 项目描述 ? Project description (A Vue.js project) ? Project description A Vue.js project 
## 项目作者 ? Author (techlee <xxx@xxx.com>) ? Author xxx@xxx.com ? Vue build standalone 
## 是否安装vue-router路由,这里选是 ? Install vue-router? (Y/n) y ? Install vue-router? Yes 
## 是否需要ESLint代码检查,这里选否 ? Use ESLint to lint your code? (Y/n) n ? Use ESLint to lint your code? No 
## 是否需要unit单元测试,这里选否 ? Setup unit tests with Karma + Mocha? (Y/n) n ? Setup unit tests with Karma + Mocha? No 
## 是否需要e2e,这里选否 ? Setup e2e tests with Nightwatch? (Y/n) n ? Setup e2e tests with Nightwatch? No
安装相关依赖
 ## 切换到项目目录
 cd my-project 
## 使用npm安装依赖 
npm install 
## 运行项目
 npm run dev
## 打包项目
npm run build

 

5.运行 npm run dev 然后打开浏览器输入相应地址就搭建完成了。

posted @ 2020-11-12 15:43  DawnZhao  阅读(301)  评论(0编辑  收藏  举报