教程目录
一:《【vue init】使用vue init搭建vue项目》
二:《【vue init】项目使用vue-router,引入ant-design-vue的UI框架,引入less》
三:《【vue init】项目引入axios、申明全局变量、设置跨域》
场景:使用vue init快速搭建vue的项目
前提:需要安装node.js和npm以及yarn
并且npm需要设置为淘宝镜像,npm和yarn安装教程网上很多可以自行搜索
1.全局安装webpack
使用npm全局安装webpack,
打开命令行工具输入:npm install -g webpack webpack-cli
,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。
使用npm全局安装vue,
打开命令行工具输入:npm install -g vue-cli
,安装完成之后输入 vue -V,如下图,如果出现相应的版本号,则说明安装成功。
2.使用dos命令新建项目
用dos命令弹窗,cd到指定的项目空目录
然后输入 vue init webpack 项目名 回车
注:在最后一步(Should we run npm install
for you after the project has been created?)选项
也可以选择 npm
成功后
3.运行项目
用vscode打开项目目录
然后运行下面命令安装依赖
npm install
运行完成后,再输入
npm run dev
以上命令成功后,展示了页面的访问地址
浏览器访问如下:
注意点:
1.我的npm版本是8.5.0 ,node版本是16.14.2 , yarn版本是1.22.18,webpack版本是3.0.0