从零开始构建vue项目

了解cmd常用命令
进入D盘： d:
查看下面所有文件夹名称： dir
进入文件夹： cd wenjianjianame
退出文件夹： cd..
cd ../..
ctrl + c 组合键强制中断了命令

首先安装node
node默认安装的位置：C:\Program Files\nodejs\

选择模式，一直下一步即可

image.png

安装淘宝镜像cnpm：
npm install -g cnpm --registry= https://registry.npm.taobao.org

安装vuex
npm install vuex --save

安装webpack：
cnpm install webpack -g

最新稳定版
npm install vue

vue3以上
vue create client(项目名称)

请选择一个预先设置：
之前自己创建的安装的东西
默认安装的
手动安装的东西

A键是全选，I键是反选，空格键是选中，第一次是选中，第二次是不选中。点击回车是开始安装的意思。

image.png

image.png

如果这里选择yes的话，就会把设置保存，下次创建项目的时候，就会出现在上面选项一：之前自己创建的安装的东西。

启动项目

image.png

注意：vue3之前的创建项目方法：
vue init webpack my-vue(项目文件夹名)

打包、构建：
npm run build
构建好的文件会输出到 "dist" 目录

运行构建服务器，可以查看构建的页面
npm run build-server

运行单元测试
npm run unit

注意：
-g 每个项目都可以调用
--save 在生产阶段和开发阶段都需要
--save -dev 开发阶段需要，在生产阶段不需要

安装vue后查看vue版本时用 vue -V
v要大写

删除模块把install 改成uninstall 就可以

image.png

image.png

image.png

安装less
1、安装less和less的依赖：
npm install less less-loader --save

2、更改配置文件build/webpack.base.conf.js
{
test: /.less$/,
loader: "style-loader!css-loader!less-loader",
}

3、在style标签上添加lang属性，指定使用的样式语法；