vue-cli安装
npm install vue-cli -g
vue-cli的版本查看
vue -V
vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的
npm install @vue/cli -g
(如果原来已经安装了vue-cli的话需要先卸载原来的安装npm uninstall vue-cli -g
)
1.全局安装 @vue/cli
2.安装成功后
3.新建一个文件夹
4.vue create 创建文件夹
代码
vue create <Project Name> //文件名 不支持驼峰(含大写字母)
这里试了一下有大写字母 确实不行
改为了小写
大概是喊我装淘宝镜像???没用过所以用 n
5.这里我选的default(enter回车)
default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包
然后。。。有点久emmmmmmm
最后(好像好了)
5.打开文件目录是这样
6.打开package.json
7.运行 npm run serve
然后
8.新建与package.json 同级的配置文件
vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。
====================================================================
npm i vue-router
npm install less less-loader --save-dev
生产依赖:
dependencies
应用依赖,或者叫做业务依赖,这是我们最常用的依赖包管理对象!它用于指定应用依赖的外部包,这些依赖是应用发布后正常执行时所需要的,但不包含测试时或者本地打包时所使用的包。安装命令
npm install package-name --save
或
npm install package-name -S
开发依赖:
devDependencies
开发环境依赖,仅次于dependencies的使用频率!它的对象定义和dependencies一样,只不过它里面的包只用于开发环境,不用于生产环境,这些包通常是单元测试或者打包工具等,例如gulp,
grunt, webpack, moca, coffee等
安装命令:
npm install package-name --save-dev
或
npm install package-name -D
安装成功后写less文件会直接转换成css文件
main.js内导入样式 就可以全局使用了
开发依赖:
devDependencies
(开发环境依赖,仅次于dependencies的使用频率!它的对象定义和dependencies一样,只不过它里面的包只用于开发环境,不用于生产环境,这些包通常是单元测试或者打包工具等,例如gulp, grunt, webpack, moca, coffee等)
安装命令:
npm install package-name --save-dev
或npm install package-name -D
生产依赖:dependencies
(应用依赖,或者叫做业务依赖,这是我们最常用的依赖包管理对象!它用于指定应用依赖的外部包,这些依赖是应用发布后正常执行时所需要的,但不包含测试时或者本地打包时所使用的包。)
安装命令 :
npm install package-name --save
或npm install package-name -S
组件库