vue学习笔记

NodeJs安装

NodeJs官网

node -v #查看node版本

npm -v #查看npm版本

npm root -g #查看全局安装目录位置

-g 代表--global 为npm命令全局安装,安装位置为nodejs设置的全局组件安装位置,不写就为局部安装

-S 代表--save 安装包信息将加入到dependencies(生产阶段依赖)

-D 代表--save-dev 安装包信息将加入到devDependencies(开发阶段依赖),一般用这个

i 为install的缩写,注意:前面没有'-'

npm config ls -l #查看config配置

npm config set prefix "D:\XXX" # 设置全局安装组件路径

npm config set cache "D:\XXX" # 设置缓存路径

npm registry地址

npm get registry # 查看registry地址

npm config set registry http://registry.npm.taobao.org # 设置为国内镜像地址

npm config set registry https://registry.npmjs.org # 还原到默认地址

npm install -g cnpm --registry=https://registry.npm.taobao.org # 安装cnpm

npm i -g yarn # npm安装yarn以管理员身份打开CMD，再以管理员身份打开 power shell 运行 set-ExecutionPolicy RemoteSigned 才能在vscode中使用 yarn

vue-cli2

npm install -g vue-cli # 安装

vue init webpack xxx # xxx表示项目名称,创建项目,注意：项目名称不能有大写

npm run dev # 项目启动,进入项目文件夹后再启动

路由的模式

浏览器地址栏'#'号的问题,有'#'代表hash模式,没有'#'代表history模式,默认为hash模式,要改为history模式需要在router中加入mode:'history'

vue-cli3

vue官方

vue-cli官方

npm install -g @vue/cli #安装cli3

vue create xxx # 创建项目,xxx为项目名称

npm run serve # 项目启动,进入项目文件夹后再启动

vue ui # 图形界面