All,
Using Intellij IDEA Ultimate 14.1.4. and trying to add Bootstrap 3 code completion to my project. I've downloaded the Bootstrap 3 plugin.
My project structure looks like this ...
MyProject
- app
- views
index.html
- public
- css
- bootstrap.min.css
- ...
- server.js
When I try to type in a bootstrap class in index.html such as class="col-sm-2", code completion does not work.
However, if I were to move my public\css folder directly under my project folder like so:
MyProject
- app
- css
- bootstrap.min.css
- ...
Now code completion for Bootstrap works when typing in index.html. What gives?
It seems it may be the location of the html page that's causing the problem. I put an html file in both app/views/ and public/. The public directory's html file received code completion, while the app/views directory did not.
Related
i have a vuejs project structure which look like
when served through vue-cli-service, the source tab from devtool has only
so when i try to add breakpoint to other files in the src/ like filters,utils,...
it's not working(becomes unbound breakpoint), is there any way to add entire src/ to webpack.
debugger statement works but not vscode breakpoint
Thanks in advance.
I'm working on a portfolio in Vue.js. I added a button that allows the user to download a copy of my resume (a PDF file). The button works great in development. The file is in my public folder, which is supposed to be the static directory where all files are copied to the dist folder from. When I run the command vue build, the only thing copied from that folder is the index.html page. I have tried adding images to that folder and they are also not being copied over. My vue.config.js file looks like this:
module.exports = {
publicPath: '.'
};
So the relative paths are correct for the deployed files.
I have a similar setup working perfectly fine at my job, with the same version of Vue and vue-cli-service (both 6.14.11). I'm relatively new to Vue so any help would be greatly appreciated.
Edit: I've also noticed that even though I changed the <title> tag in public/index.html to "James Bell's Portfolio", the title in the production code is "Vue CLI App".
Here's the github repo: https://github.com/jamesthedev/portfolio
I figured it out! I was running vue build from the src folder. I needed to run vue-cli-service build from the root directory. Once I did that, all my static assets were copied to dist.
i am currently working in a Nuxt.js project and i'm trying the Pre Rendering option. I would like to change the format name of the files created when i launch nuxt generate... but i don't really now if this is even possible.
If my pages folder has these 2 componentes:
pages\
- page1.vue
- page2.vue
the default situation is that my dist folder will have these files after the generate command:
dist\
- page1
- index.html
- page2
- index.html
Would be possible to have this structure?:
dist\
- page1.html
- page2.html
I've tried to create my own router.js with my custom paths, using #nuxtjs/router module and it works in dev mode, but when i try to generate the static files, there are no errors... but it doesn't work. No page files in dist folder.
Perhaps i'm missing something, or perhaps it is not possible to do this, but... has anyone faced this situation?
Add generate.subFolders false in your nuxt config:
generate: {
subFolders: false
}
I've setup a compass file watcher as listed here.
http://blog.founddrama.net/2013/04/watching-compass-files-in-webstorm/
The file watcher works flawlessly, same as the command line compass process.
I'm curious if there's a way to configure WebStorm to point to references in the .scss file instead of the compiled app.css file.
Example
Inside index.html i have
<a href='#' class='pandaStyle'>
When i click on pandaStyle, it takes me to the line inside the compiled app.css
I'd like it to take me to the partial of _animalStyle.scss
As #Iena said, it's not possible. Try voting for the issue (http://youtrack.jetbrains.com/issue/WEB-6737) and JetBrains may add the feature.
I solved the problem like this:
Adding
#import "myFolder/myCssStylesheet";
to the .scss file and get all css classes and Id's from that stylesheet.
For example:
#import "Styles/bootstrap.css";
gives me all bootstrap classes autocomplite in my .scss files
I am working with IntelliJ and included an external tool.
Settings - external tools - add tool
here I added 'compass watch' and run it.
Everything works fine, except that when compass compiled the scss it will show the psoitive result only after the next compilation.
I would like to see when it finishes a task, as I do in the console window.
Any idea what to change to get this working?
Here is a screenshot showing that after compass finished it does not show:
override ../css/app.css
if will show the line once a new change happends.
On an error it shows it right away.
I found the clue to the answer in this post: http://devnet.jetbrains.com/message/5478444 It seems you should be creating a file watcher that executes the compass compile command rather than the watcher command. Note that there is an option to choose "Show Console" (see screen print below) as 'Always', 'Never', or 'Error'.
Here's what I did to setup compass for my project:
1) at the command line in the project root directory:
% run compass install compass
directory sass/
directory stylesheets/
create sass/screen.scss
create sass/print.scss
create sass/ie.scss
create stylesheets/screen.css
create stylesheets/print.css
create stylesheets/ie.css
2) then I went into the project and moved all the sass files to sass/ and all the css files to css/
3) then I created a new File Watcher per the screen shot
For Windows
The settings from the screen shot didn't work exactly for me on Windows. Here's my settings that did work:
Program: C:\Ruby200\bin\compass.bat
Arguments: compile $FileParentDir$ --sass-dir sass --css-dir stylesheets
Working Directory: $FileParentDir$
Output paths: <blank>
For others who also has issues with this. I ended up using this folder structure in a Grails project in Intellij Idea 13.1.3 Ultimate:
- grails-app
...
...
- web-app
- css
- sass
- and-so-on
config.rb
With the config.rb as:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"
And a filewatcher with these settings:
Program: C:\RailsInstaller\Ruby1.9.3\bin\compass.bat
Arguments: compile
Working Directory: $FileParentDir$
Output paths: C:/path-to-project-folder