vue之vue脚手架的安装和使用

要想用vue模块化开发

1.首先全局安装webpack

npm install webpack -g

2.全局安装vue脚手架

npm install -g @vue/cli-init

3.创建空文件夹cmd进入黑窗口初始化vue项目

vue init webpack vue-name  #vue脚手架使用webpack模块化一个appnae项目
vue init webpack vue-name --offline #vue脚手架使用webpack模块化离线生成一个appnae项目

#离线生产的前提步骤

按照网络上的提示,解决办法是改为离线创建,我们需要下载github仓库中的vue-templates/webpack,然后解压到本地。下载地址为:https://github.com/vuejs-templates/webpack,下载之后,解压到本地用户目录下的.vue-templates目录下。
vue之vue脚手架的安装和使用

 

 

下载之后的压缩包为webpack-develop.zip,我们解压之后,需要更改目录名为webpack。用户目录下的目录为.vue-templates,注意文件夹名称前面的点(.)。

这样,我们再进行vue init webpack vuedemo命令的时候,需要带上参数--offline表示离线初始化。

 vue之vue脚手架的安装和使用

 

 

创建成功之后的提示:

 vue之vue脚手架的安装和使用

 

 

根据提示,我们进入项目目录,然后运行npm run dev,启动服务。

 vue之vue脚手架的安装和使用

 

 

在浏览器中打开http://localhost:8080,得到结果:

 vue之vue脚手架的安装和使用

 

上一篇:Python关于类,对象和继承的理解


下一篇:stm32——跑马灯实验——1