900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 从零开始搭建Vue项目

从零开始搭建Vue项目

时间:2023-06-06 12:19:11

相关推荐

从零开始搭建Vue项目

目录

一、Vue思维导图二、创建项目 1、报错。2、开始处搜索powershell,以管理员的身份运行3、输入下面的指令:set-ExecutionPolicy RemoteSigned4、再次创建项目,成功! 三、GitHub托管代码 1、创建仓库2、GitHub仓库创建成功 四、项目提交到GitHub 1、第一种方式2、第二种方式 五、划分目录结构六、引入两个css文件七、别名的配置八、拷贝.editorconfig文件到新项目中九、安装路由

一、Vue思维导图

二、创建项目

vue create supermall

1、报错。

vue : 无法加载文件 C:Users8571AppDataRoaming pmue.ps1,

2、开始处搜索powershell,以管理员的身份运行

3、输入下面的指令:set-ExecutionPolicy RemoteSigned

4、再次创建项目,成功!

三、GitHub托管代码

1、创建仓库

2、GitHub仓库创建成功

四、项目提交到GitHub

1、第一种方式

git clone /guoruijava/supermall.git登录git config --global user.email "785713526@"git commit -m '初始化项目'提交到服务器git push

报错

fatal: unable to access '/guoruijava/supermall.git/': OpenSSL SSL_read: Connection was aborted, errno 10053

解决方法:

git config --global http.sslVerify false

亲测有效!

2、第二种方式

git remote add origin /guoruijava/supermall.gitgit push -u origin master

上传到GitHub,报错

error: src refspec master does not match any error:

npm install安装前端环境。

五、划分目录结构

1、 asserts – 资源文件夹

2、common – 公共的js文件

3、network – 网络相关的

4、components – 组件

5、store – 状态管理

6、views – 主要的视图

7、router – 路由

六、引入两个css文件

1、normalize.css

2、base.css

七、别名的配置

创建vue.config.js文件

module.exports = {configureWebpack: {resolve: {alias: {'views': '@/views','components': '@/components','network': '@/network','common': '@/common','assets': '@/assets',}}}}

注意,vue中为src配置了@的别名。

八、拷贝.editorconfig文件到新项目中

.editorconfig文件的目的是 对代码进行一个统一的风格处理。

root = true[*]charset = utf-8indent_style = spaceindent_size = 2end_of_line = lfinsert_final_newline = truetrim_trailing_whitespace = true

九、安装路由

npm install vue-router --save

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。