vue新建项目

1. 安装node

2. 切换镜像源

> 让安装包的速度更快

3. 安装@vue/cli脚手架(https://cli.vuejs.org/zh/)

npm i @vue/cli -g

查看@vue/cli版本

vue -V

4. 创建项目

vue create 项目名 例如

vue create my-app

5、启动项目

cd my-app 进入项目目录

npm run serve 启动命令

6、认识Vue工程化目录

node_modules 项目依赖

+ public html模板文件

+ src 项目核心代码

- assets 存放静态资源(css、img)

- components 存放公共组件

- views 存放业务组件

- App.vue 根组件

- main.js 入口文件(Vue初始化、全局配置)

+ .gitignore 让git忽略管理某些文件

+ package.json 项目依赖信息、启动命令

快速搭建.vue组件基本结构

vbase 需要修改样式区域的lang="less"

vbase-less

在vscode中配置gitbash

"terminal.integrated.profiles.windows": {

    "git-bash": {

        "path": "D:\\software\\Git\\bin\\bash.exe",

        "args": []

    },

},

"terminal.integrated.defaultProfile.windows": "git-bash",

 npm命令汇总

npm init   初始化，生成package.json

npm install 包名 --save     安装生产依赖

npm i 包名 -S

npm i 包名

npm install 包名 --save-dev    安装开发依赖

npm i 包名 -D

npm install     自动读取当前目录package.json中的包信息，并依次安装

npm i

npm uninstall 包名    卸载依赖包

npm run 命令      执行项目相关命令